<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>转换为web应用可以使用的对象</title>
    <script src="../../js/moment.js"></script>
    <script src="../../js/jquery-3.4.1.js"></script>
    <script src="../../js/moment-duration-format.js"></script>
</head>
<body>

</body>
<script>

    $(() => {
        convertToString();
        durationFormat();
        diffTwoDateConvertToDuration();
    });

    /**
     * 功能:
     *      将moment转换为字符串或者Date类型.
     * 说明:
     *      1. 感觉没有format好用, 因为web后台可以接受String类型的参数为时间.
     */
    function convertToString() {
        let date1 = moment();

        console.log(date1.toLocaleString());
        console.log(date1.toString());
        console.log(date1.toDate());
    }

    /**
     * 功能:
     *      将范围时间秒转换为指定的格式.
     * 说明:
     *      1. 可以用于音乐播放时的当前播放显示.
     */
    function durationFormat() {
        let str = moment.duration(123, "minutes").format("hh:mm");
        console.log(str);
    }

    function diffTwoDateConvertToDuration() {
        moment.locale("zh-cn");
        let date1 = moment('2012-12-12 12:12:12', 'YYYY-MM-DD HH:mm:ss');
        let date2 = moment('2022-12-13 12:42:32', 'YYYY-MM-DD HH:mm:ss');

        let duration = moment.duration(date2.diff(date1));
        console.log(duration.get('hours'), duration.get('minutes'), duration.get('seconds'));
    }

</script>
</html>